import styled from "styled-components";

export const AlbumImgStyle = styled.div`
  .new-album-s-box {
    .new-album-imgbox {
      height: 130px;
      width: 130px;
      position: relative;
      .msk {
        position: absolute;
        top: 0;
        left: 0;
        width: 153px;
        height: 130px;
        background-position: 0 -845px;
      }
      .playbtn {
        display: none;
        position: absolute;
        right: 10px;
        bottom: 5px;
        width: 28px;
        height: 28px;
        background: url(${require("@/assets/img/iconall.png").default})
          no-repeat 0 9999px;
        background-position: 0 -140px;
        z-index: 999;
        :hover {
          background-position: 0 -170px;
          cursor: pointer;
        }
      }
      :hover {
        .playbtn {
          display: block;
        }
      }
    }
    .new-album-name {
      span {
        display: block;
        color: #666;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        :nth-child(2n-1) {
          margin: 8px 0 3px;
          font-size: 14px;
          color: #333;
        }
      }
    }
  }
`;
